<template>
  <div class="baseinfo">
    <div class="flexbox border-bottom">
      <div class="box-left">
        <div class="desc-top">
          <span class="comment-score">5.0</span>
          <span class="comment-text">分</span>
          <span class="comment-desc">超赞</span>
        </div>
        <div class="desc-bottom">
          <span class="commentnum">600213条评论</span>
          <span class="commentother">101条攻略</span>
          <span class="iconfont iconbtn">&#xe62d;</span>
        </div>
      </div>
      <div class="box-right">
        <div>
          <div class="info-title">景点简介</div>
          <span class="info-desc">开放时间、贴士</span>
          <span class="iconfont iconbtn">&#xe62d;</span>
        </div>
      </div>
    </div>
    <div class="baseinfo-address">
      <span class="iconfont">&#xe774;</span>
      <span class="address">北京市东城区景山前街4号</span>
      <span class="iconfont iconbtn">&#xe62d;</span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'DetailInfo'
}
</script>

<style lang="stylus" scoped>
  .flexbox
    background: #fff
    display: flex
    margin-top: -.1rem
    border-radius: .15rem .15rem 0 0
    padding: .2rem
    .box-left
      position relative
      flex: 1
      color: #9e9e9e
      .comment-score,
      .comment-desc,
      .comment-text
        color: #ff8300
      .comment-score
        font-size: .5rem
      .comment-desc
        padding-left: .2rem
      .desc-bottom
        padding-top: .1rem
        font-size: .2rem
        .commentother
          padding-left: .2rem
      .iconbtn
        position: absolute
        font-size: .2rem
        right: 0
        top: 50%
    .box-right
      position relative
      flex: 1
      padding-left: .2rem
      color: #9e9e9e
      .info-title
        padding-bottom: .06rem
        height: .5rem
        line-height: .5rem
        color: #000
      .info-desc
        font-size: .2rem
      .iconbtn
        position: absolute
        font-size: .2rem
        right: 0
        top: 50%
  .baseinfo-address
    background: #fff
    padding: .2rem
    width: 100%
    height: .4rem
    line-height: .4rem
    margin-bottom: .2rem
    .address
      padding-left: .1rem
    .iconbtn
      position: absolute
      right: 0
      padding-right: .2rem
      font-size: .2rem
      color: #9e9e9e
</style>
